{% extends 'base_product.html' %}
{% block body %}
    <div class="p-4 p-md-5 mb-4 text-white rounded bg-dark">
    <div class="col-md-6 px-0">
      <h2 class="display-4 fst-italic">Title of a longer featured blog post</h2>
      <p class="lead my-3">You submitted the following data:</p>

        <p class="lead my-3 fw-bold">Phrase:{{ the_phrase }}</p>
        <p class="lead my-3 fw-bold">Letters:{{ the_letters }}</p>
        <p class="lead mb-0"><a href="#" class="text-white fw-bold">When "{{ the_phrase }}" is search for "{{ the_letters }}", the folowing results are returned:</a></p>
    <h3 class="display-4 fst-italic">{{ the_results }}</h3>
    </div>
  </div>

{% endblock %}